<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        body {
            background-color: #f1efec;
            text-align: center;
            font-family: Helvetica, sans-serif;
        }
        .letterpress {
            text-shadow: 1px 2px 3px #def, 0 0 0 black, -1px 1px 0 #def, 1px 1px 0 white;
            color: rgba(254, 103, 2, .8);
            letter-spacing: -5px;
            font-size: 6.4em;
            font-weight: bold;
        }
        h2 {
            position: relative;
            top: -60px;
            font-size: 1em;
            text-transform: uppercase;
            color: #333;
            letter-spacing: 5px;
        }
    </style>
</head>
<body>
<h1 class="letterpress">real letterpress</h1>
<h2>an awesome effect made with css text-shadow</h2>
</body>
</html>